﻿<!DOCTYPE html>
<html>
  <head>
    <title>观看者-流程图</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/观看者-流程图/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/观看者-流程图/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合 ) -->
      <div id="u409" class="ax_default" data-left="3" data-top="3" data-width="2155" data-height="1524">

        <!-- Unnamed (矩形) -->
        <div id="u410" class="ax_default _形状">
          <img id="u410_img" class="img " src="images/封面/u0.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u411" class="ax_default _水平线">
          <img id="u411_img" class="img " src="images/图例/u7.png"/>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u412" class="ax_default _文本段落" data-label="Header 2">
        <img id="u412_img" class="img " src="images/总流程图/header_2_u407.png"/>
        <div id="u412_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">观看者-流程图</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u413" class="ax_default _形状">
        <img id="u413_img" class="img " src="images/观看者-流程图/u413.png"/>
        <div id="u413_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">2.&nbsp; 主页－观看直播</span></p>
        </div>
      </div>

      <!-- Unnamed (A01观看者-主页) -->

      <!-- Unnamed (矩形) -->
      <div id="u415" class="ax_default _形状">
        <img id="u415_img" class="img " src="images/观看者-流程图/u415.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u416" class="ax_default _形状">
        <img id="u416_img" class="img " src="images/观看者-流程图/u416.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u417" class="ax_default _形状">
        <img id="u417_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u418" class="ax_default" data-left="111" data-top="18" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u419" class="ax_default _文本段落">
          <img id="u419_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u419_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u420" class="ax_default _形状">
          <img id="u420_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u421" class="ax_default _形状">
        <img id="u421_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u422" class="ax_default _文本段落">
        <img id="u422_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u422_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u423" class="ax_default _文本段落">
        <img id="u423_img" class="img " src="images/观看者-流程图/u423.png"/>
        <div id="u423_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">X</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u424" class="ax_default _形状">
        <img id="u424_img" class="img " src="images/观看者-流程图/u424.png"/>
        <div id="u424_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">您当前处于非wifi继续观看会耗费流量</span></p>
        </div>
      </div>

      <!-- Unnamed (A02观看者-互动信息) -->

      <!-- Unnamed (矩形) -->
      <div id="u426" class="ax_default _形状">
        <img id="u426_img" class="img " src="images/观看者-流程图/u426.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u427" class="ax_default _形状">
        <img id="u427_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u428" class="ax_default _形状">
        <img id="u428_img" class="img " src="images/观看者-流程图/u428.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u429" class="ax_default _形状">
        <img id="u429_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u430" class="ax_default _文本段落">
        <img id="u430_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u430_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u431" class="ax_default _文本段落">
        <img id="u431_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u431_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u432" class="ax_default _形状">
        <img id="u432_img" class="img " src="images/观看者-流程图/u432.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u433" class="ax_default _形状">
        <img id="u433_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u434" class="ax_default _文本段落">
        <img id="u434_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u434_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u435" class="ax_default _文本段落">
        <img id="u435_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u435_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u436" class="ax_default _形状">
        <img id="u436_img" class="img " src="images/观看者-流程图/u436.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u437" class="ax_default _形状">
        <img id="u437_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u438" class="ax_default _文本段落">
        <img id="u438_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u438_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u439" class="ax_default _文本段落">
        <img id="u439_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u439_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u440" class="ax_default _形状">
        <img id="u440_img" class="img " src="images/观看者-流程图/u440.png"/>
        <div id="u440_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">X</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u441" class="ax_default" data-left="116" data-top="18" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u442" class="ax_default _文本段落">
          <img id="u442_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u442_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u443" class="ax_default _形状">
          <img id="u443_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u444" class="ax_default _形状">
        <img id="u444_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u444_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">花</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">12k</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u445" class="ax_default _形状">
        <img id="u445_img" class="img " src="images/观看者-流程图/u445.png"/>
        <div id="u445_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">输入文字</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u446" class="ax_default _形状">
        <img id="u446_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u446_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">语音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u447" class="ax_default _形状">
        <img id="u447_img" class="img " src="images/观看者-流程图/u447.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u448" class="ax_default _形状">
        <img id="u448_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u449" class="ax_default _文本段落">
        <img id="u449_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u449_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u450" class="ax_default _文本段落">
        <img id="u450_img" class="img " src="images/观看者-流程图/u450.png"/>
        <div id="u450_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">13“00&nbsp; 点击播放</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u451" class="ax_default _形状">
        <img id="u451_img" class="img " src="images/观看者-流程图/u451.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u452" class="ax_default _文本段落">
        <img id="u452_img" class="img " src="images/观看者-流程图/u452.png"/>
        <div id="u452_text" class="text ">
          <p style="font-size:11px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:13px;">林宥嘉Mr.Lin&nbsp;&nbsp; </span><span style="font-family:'微软雅黑';font-weight:400;">&nbsp; 加入直播</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u453" class="ax_default _形状">
        <img id="u453_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u453_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">123</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u454" class="ax_default _形状">
        <img id="u454_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u455" class="ax_default _形状">
        <img id="u455_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u456" class="ax_default _形状">
        <img id="u456_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u457" class="ax_default _形状">
        <img id="u457_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u458" class="ax_default _形状">
        <img id="u458_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u459" class="ax_default _形状">
        <img id="u459_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u459_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分享</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u460" class="ax_default _形状">
        <img id="u460_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u461" class="ax_default _文本段落">
        <img id="u461_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u461_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u462" class="ax_default _形状">
        <img id="u462_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u462_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">发送</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u463" class="ax_default _形状">
        <img id="u463_img" class="img " src="images/观看者-流程图/u440.png"/>
        <div id="u463_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">举报</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u464" class="ax_default _形状">
        <img id="u464_img" class="img " src="images/观看者-流程图/u464.png"/>
        <div id="u464_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1.向右滑：互动信息（默认进入界面）</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u465" class="ax_default _图片_">
        <img id="u465_img" class="img " src="images/观看者-流程图/u465.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u466" class="ax_default _图片_">
        <img id="u466_img" class="img " src="images/观看者-流程图/u466.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u467" class="ax_default _形状">
        <img id="u467_img" class="img " src="images/观看者-流程图/u467.png"/>
        <div id="u467_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">4.向下滑：发起直播</span></p>
        </div>
      </div>

      <!-- Unnamed (A03观看者-发起直播) -->

      <!-- Unnamed (组合 ) -->
      <div id="u469" class="ax_default" data-left="0" data-top="0" data-width="301" data-height="531">

        <!-- Unnamed (矩形) -->
        <div id="u470" class="ax_default _形状">
          <img id="u470_img" class="img " src="images/观看者-流程图/u426.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u471" class="ax_default _形状">
          <img id="u471_img" class="img " src="images/观看者-流程图/u416.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u472" class="ax_default _形状">
          <img id="u472_img" class="img " src="images/观看者-流程图/u472.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u473" class="ax_default _形状">
          <img id="u473_img" class="img " src="images/观看者-流程图/u472.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u474" class="ax_default _形状">
          <img id="u474_img" class="img " src="images/观看者-流程图/u472.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u475" class="ax_default _形状">
          <img id="u475_img" class="img " src="images/观看者-流程图/u475.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u476" class="ax_default _文本段落">
          <img id="u476_img" class="img " src="images/观看者-流程图/u476.png"/>
          <div id="u476_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">发起直播</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u477" class="ax_default _文本段落">
          <img id="u477_img" class="img " src="images/观看者-流程图/u476.png"/>
          <div id="u477_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">预设直播</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u478" class="ax_default _文本段落">
          <img id="u478_img" class="img " src="images/观看者-流程图/u476.png"/>
          <div id="u478_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">外设直播</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u479" class="ax_default _水平线">
          <img id="u479_img" class="img " src="images/观看者-流程图/u479.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u480" class="ax_default _水平线">
          <img id="u480_img" class="img " src="images/观看者-流程图/u479.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u481" class="ax_default _形状">
          <img id="u481_img" class="img " src="images/观看者-流程图/u416.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u482" class="ax_default _形状">
          <img id="u482_img" class="img " src="images/观看者-流程图/u482.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u483" class="ax_default _形状">
          <img id="u483_img" class="img " src="images/观看者-流程图/u482.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u484" class="ax_default _形状">
          <img id="u484_img" class="img " src="images/观看者-流程图/u482.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u485" class="ax_default _形状">
          <img id="u485_img" class="img " src="images/观看者-流程图/u416.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u486" class="ax_default _图片_">
          <img id="u486_img" class="img " src="images/观看者-流程图/u486.png"/>
        </div>
      </div>

      <!-- Unnamed (倒三角形) -->
      <div id="u487" class="ax_default _形状">
        <img id="u487_img" class="img " src="images/观看者-流程图/u487.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u488" class="ax_default _形状">
        <img id="u488_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u489" class="ax_default" data-left="166" data-top="129" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u490" class="ax_default _文本段落">
          <img id="u490_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u490_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u491" class="ax_default _形状">
          <img id="u491_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u492" class="ax_default _形状">
        <img id="u492_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u493" class="ax_default _文本段落">
        <img id="u493_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u493_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u494" class="ax_default" data-left="342.5" data-top="406.5" data-width="139.649346400575" data-height="130.306079660839">

        <!-- Unnamed (图片 ) -->
        <div id="u495" class="ax_default _图片_">
          <img id="u495_img" class="img " src="images/观看者-流程图/u495.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u496" class="ax_default _图片_">
          <img id="u496_img" class="img " src="images/观看者-流程图/u496.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u497" class="ax_default _文本段落">
        <img id="u497_img" class="img " src="images/图例/u153.png"/>
        <div id="u497_text" class="text ">
          <p style="font-size:36px;"><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;font-size:56px;color:#000000;">4</span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;"> </span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;color:#999999;">/ 61</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u498" class="ax_default _形状">
        <img id="u498_img" class="img " src="images/观看者-流程图/u467.png"/>
        <div id="u498_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">5.直播结束（被动）</span></p>
        </div>
      </div>

      <!-- Unnamed (A01观看者-主页) -->

      <!-- Unnamed (矩形) -->
      <div id="u500" class="ax_default _形状">
        <img id="u500_img" class="img " src="images/观看者-流程图/u415.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u501" class="ax_default _形状">
        <img id="u501_img" class="img " src="images/观看者-流程图/u416.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u502" class="ax_default _形状">
        <img id="u502_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u503" class="ax_default" data-left="111" data-top="18" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u504" class="ax_default _文本段落">
          <img id="u504_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u504_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u505" class="ax_default _形状">
          <img id="u505_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u506" class="ax_default _形状">
        <img id="u506_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u507" class="ax_default _文本段落">
        <img id="u507_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u507_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u508" class="ax_default _文本段落">
        <img id="u508_img" class="img " src="images/观看者-流程图/u423.png"/>
        <div id="u508_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">X</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u509" class="ax_default _形状">
        <img id="u509_img" class="img " src="images/观看者-流程图/u424.png"/>
        <div id="u509_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">您当前处于非wifi继续观看会耗费流量</span></p>
        </div>
      </div>

      <!-- Unnamed (A05观看者-直播结束) -->

      <!-- Unnamed (矩形) -->
      <div id="u511" class="ax_default _形状">
        <img id="u511_img" class="img " src="images/观看者-流程图/u511.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u512" class="ax_default _文本段落">
        <img id="u512_img" class="img " src="images/观看者-流程图/u512.png"/>
        <div id="u512_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u513" class="ax_default _形状">
        <img id="u513_img" class="img " src="images/观看者-流程图/u513.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u514" class="ax_default _文本段落">
        <img id="u514_img" class="img " src="images/观看者-流程图/u514.png"/>
        <div id="u514_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">粉丝:1256&nbsp;&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u515" class="ax_default _形状">
        <img id="u515_img" class="img " src="images/观看者-流程图/u515.png"/>
        <div id="u515_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u516" class="ax_default _形状">
        <img id="u516_img" class="img " src="images/观看者-流程图/u516.png"/>
        <div id="u516_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">换台</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u517" class="ax_default _形状">
        <img id="u517_img" class="img " src="images/观看者-流程图/u516.png"/>
        <div id="u517_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">返回直播</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u518" class="ax_default _文本段落">
        <img id="u518_img" class="img " src="images/观看者-流程图/u518.png"/>
        <div id="u518_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">当前直播已结束</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
